/* CSS Document */
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";
.main {
        background:   #CCCCCC;
        height: 650px;
        width: 100%;
        border-radius: 5px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 5px;
        -webkit-transition: border-color 0.2s linear;
        -moz-transition: border-color 0.2s linear;
        overflow: hidden;
      }
.mainm {
        background:   #CCCCCC;
        height: 650px;
        width: 100%;
        left: 0px;
              top: 0px;
        border-radius: 5px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 5px;
        -webkit-transition: border-color 0.2s linear;
        -moz-transition: border-color 0.2s linear;
        overflow: hidden;      

}  
#sidebar {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px 20px 0px 0px;
  color: #464646;
}

#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sidebar li {
  margin: 0;
  padding: 0;
}

#sidebar li ul {
  margin: 0px 0px;
  padding-bottom: 30px;
}

#sidebar li li {
  line-height: 30px;
  border-bottom: 1px solid #85735B;
  margin: 0px 0px 0px 30px;
  border-left: none;
  text-align: right;
}

#sidebar li li span {
  display: block;
  margin-top: -20px;
  padding: 0;
  font-size: 11px;
  font-style: italic;
}

#sidebar li li a {
  padding: 0px 15px 0px 0px;
}

#sidebar h2 {
  height: 20px;
  padding: 0px 0px 0px 10px;
  text-align: left;
  letter-spacing: -.5px;
  font-size: 1.2em;
  color: #FFFFFF;
}
#sidebar h3 {
    padding: 0px 0px 0px 10px;
   height: 8px;
  padding-left: 10px;
  text-align: left;
  letter-spacing: -.5px;
  font-size: 1.2em;
  color: #FFFFFF;
}

#sidebar p {
  margin: 0 0px;
  padding: 0px 0px 20px 30px;
  text-align: justify;
}

#sidebar a {
  border: none;
  color: #E6D5B9;
}

#sidebar a:hover {
  text-decoration: underline;
  color: #FF3000;
}
#search {
          
    float: left;
    width: 98%;
    height: 240px;
    margin-left:1%;
    padding: 0px 0px 0px 0px;
    background:#E5E5E5
}
#managerprof {
    float: left;
    width: 98%;
    height: 240px;
    margin-left:1%;
    margin-top:5px;
    padding: 0px 0px 0px 0px;
    background:#E5E5E5
}
#todolist {
    float: left;
    width: 98%;
    height: 150px;
    margin-left:1%;
    margin-top:5px;
    padding: 0px 0px 0px 0px;
    background:#E5E5E5
}
#login {
          
    float: left;
    width: 98%;
    height: 240px;
    margin-left:1%;
    margin-top:25%;
    padding: 60px 0px 0px 0px;
    background:#E5E5E5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    overflow: hidden;
}
          
#signup {
          
    float: left;
    width: 98%;
    height: 440px;
    margin-left:1%;
    margin-top:15%;
    padding: 20px 0px 0px 0px;
    background:#E5E5E5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    overflow: hidden;
}
      

form {
  margin: 0;
}

form div.field {
  overflow: visible;
}

form input.text, form input.search, form input.managerprof{
  padding: 5px;
  margin: 0;
  font: 14px "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

form input.text:focus, form input.search:focus ,form input.managerprof:focus {
  color: #333;
}

form a.button {
  display: inline-block;
}

form.modal h3 {
  margin: 0;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0px;
}

form.modal .field {
  margin-bottom: 0px;
  overflow: hidden;
}

form.modal .field.checkbox {
  padding-left: 0px;
}

form.modal .field label {
  overflow: hidden;
  display: block;
  font-size:12px;
}

form.modal .field h4 {
  float: left;
  width: 178px;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0px 0 0;
  line-height: 18px;
}

form.modal .field h4 span {
  color: #aaa;
}

form.modal .field input.text {
  float: left;
  display: block;
  width: 96%;
  margin-left:2%;
  margin-right:2%;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
}
form.modal .field textarea {
  float: left;
  display: block;
  margin-left:1%;
  width: 98%;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 5px;
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
}
form.modal .field select {
  float: left;
  display: block;
  width: 96%;
  margin-left:2%;
  margin-right:2%;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
}
.send{
  float:right;
  padding-right:40px;
}

form.modal .send a{
  line-height: 36px;
  height:10;
  width:30;
  padding: 5px 20px;
  font-size: 12px;
  font-weight: bold;
  background-color: #00a5f0;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  
}
form.modal .send a:hover{
    background-color: #24bbff;
}
.signup{
  float:left;
  padding-left:40px;
}
form.modal .signup a{
  line-height: 36px;
  height:10;
  width:30;
  padding: 5px 20px;
  font-size: 12px;
  font-weight: bold;
  background-color: #00a5f0;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  
}
form.modal .signup a:hover{
    background-color: #24bbff;
}
form.modal .field input.text:focus {
  border-color: #FF0000;
  overflow:hidden;
  outline: none;
}
form.modal .field textarea:focus {
  border-color: #FF0000;
  outline: none;
}
form.modal .field select:focus {
  border-color: #FF0000;
  overflow:hidden;
  outline: none;
}
form.modal .field input.text.success, form.modal .field input.text.failed {
  width: 350px;
  padding-right: 0px;
}

form.modal .field input.text.success {
  background: url(../img/status.png) no-repeat 470px 8px;
}

form.modal .field input.text.failed {
  background: url(../img/status.png) no-repeat 470px -72px;
}

form.modal .field input.file {
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 6px 10px;
  width: 350px;
  float: left;
  margin: 0;
  line-height:24px;
  font-size:12px;
}

form.modal .field input.checkbox {
  margin: 0;
  line-height: 18px;
  font-size: 12px;
  vertical-align: sub;
}

form.modal .field input.checkbox {
  margin: 0 5px 0 0;
}

form.modal .field p.info {
  color: #aaa;
  font-size: 11px;
  margin: 0 0 0 198px;
  line-height:20px;
  clear: both;
}

form.modal .post-content-wrap {
  margin-bottom: 0px;
  text-align: center;
}

form.modal .post-content-wrap img {
  display: inline-block;
}

form.modal hr {
  border-style: none;
  height: 1px;
  background-color: #ddd;
  margin-bottom: 20px;
}
#search-submit {
  width: 50px;
  height: 22px;
  border: none;
  background: #A10B06;
  color: #FFFFFF;
}
#managerprof-submit {
  width: 50px;
  height: 22px;
  border: none;
  background: #A10B06;
  color: #FFFFFF;
}
.time {
  position: absolute;
  left: 199px;
  top: 26px;
  width: 216px;
  height: 23px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  color:#000000;
}

#menu {
  width: 340px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  overflow: hidden;
}

#menu ul {
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style: none;
  line-height: normal;
}

#menu li {
  border-bottom: 1px dashed #191918;
}
#menu-x {
  width: 17px;
  height: 17px;
  border: none;
  background: #A10B06;
  color: #FFFFFF;
  float:inherit;
}

#menu a {
  float:left;
  display: block;
  width: 260px;
  height: 30px;
  margin: 0px 0px;
  padding: 6px 0px 0px 6px;
  text-decoration: none;
  text-transform: capitalize;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align:left;
  
  
  color: #57ACF7;
}

#menu a:hover, #menu .current_page_item a {
  background: #0099FF no-repeat left top; 
  text-decoration: none;
}

#menu .current_page_item a {
  background: #0099FF no-repeat left top; 
}
#content {
  min-height:480px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  margin-bottom: 0px;
  overflow: hidden;
}

#content.static {
  padding: 0 20px;
}
#dim{ 
      position:absolute; 
      top:0; 
      left:0; 
      width:100%; 
      z-index:100; 
      background: url(http://img833.imageshack.us/img833/6051/dimq.png) ; 
      display:none; text-align:left; 
    }
    .msgbox{ 
      position:absolute; 
      width:350px; 
      height:350px; 
      z-index:200; 
      border:5px solid #222; 
      background: #FFF; 
      top: 50%; 
      left: 45%; 
      margin-top: -100px; 
      margin-left: -150px; color: #000000; 
    }
  .lmsgbox{ 
      position:absolute; 
      width:350px; 
      height:auto ;  
      z-index:200; 
      border:5px solid #222; 
      background: #CCCCCC; 
      top: 20%; 
      left: 42%;  
      margin-top: -100px; 
      margin-left: -150px; color: #000000; 
    }
  .smsgbox{ 
      position:absolute; 
      width:350px; 
      height:auto ;  
      z-index:200; 
      border:5px solid #222; 
      background: #CCCCCC; 
      top: 20%; 
      left: 42%;  
      margin-top: -100px; 
      margin-left: -150px; color: #000000; 
    }
    .msgboxsender{
       position:relative;
       font:bold 13px/18px georgia;
       width:100%;
       height:20px;
       margin-bottom: 5px;
       background:#9E9E9E;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-transition: background-color 0.2s linear;
       -moz-transition: background-color 0.2s linear;
  
  }
  .msgboxsubject{
       position:relative;
       font:bold 13px/18px georgia;
       width:100%;
       height:30px;
       background:#9E9E9E;
       margin-bottom: 5px;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-transition: background-color 0.2s linear;
       -moz-transition: background-color 0.2s linear;
   }
  .msgboxmassage{
       position:relative;
       font:bold 13px/18px georgia;
       width:100%;
       height:200px;
       background:#9E9E9E;
       margin-bottom: 5px;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-transition: background-color 0.2s linear;
       -moz-transition: background-color 0.2s linear;
  
  }       
  .msgbox img {
      border:none; 
      margin:5px;
   }
   .close{
       top:0px; 
       float:right; 
       color: #FF0000;
    }
   #edim{ 
      position:absolute; 
      top:0; 
      left:0; 
      width:100%; 
      z-index:100; 
      background: url(http://img833.imageshack.us/img833/6051/dimq.png) ; 
      display:none; text-align:left; 
    }
   #medim{ 
      position:absolute; 
      top:0; 
      left:0; 
      width:100%; 
      z-index:100; 
      background: url(http://img833.imageshack.us/img833/6051/dimq.png) ; 
      display:none; text-align:left; 
   }
   #ldim{ 
      position:absolute; 
      top:0; 
      left:0; 
      width:100%; 
      z-index:100; 
      background: url(http://img833.imageshack.us/img833/6051/dimq.png) ; 
      display:none; text-align:left; 
    }
   #sdim{ 
      position:absolute; 
      top:0; 
      left:0; 
      width:100%; 
      z-index:100; 
      background: url(http://img833.imageshack.us/img833/6051/dimq.png) ; 
      display:none; text-align:left; 
    }
   .eventbox{
      position:absolute; 
      width:350px; 
      height:auto ; 
      background:#E5E5E5 
      top: 10%; 
      left: 5%; 
      color: #000000; 
      border:3px solid #222;
   }
            
   .eventbox img {
      border:none; 
      margin:5px;
    
   }
   .eclose{
      top:0px; 
      width: 350px;
      height:auto ; 
      background:#E5E5E5
    
   }
   .meclose{
      top:0px; 
      width: 350px;
      height:auto ; 
      background:#E5E5E5
    
   }
   .leclose{
      top:0px; 
      width: 350px;
      height:auto ; 
      background:#E5E5E5
    
   }
    .seclose{
      top:0px; 
      width: 350px;
      height:auto ; 
      background:#E5E5E5
    
   }

   .eventform{
        position:relative;
    float: left;
    width: 350px;
    height: 700px;
    background:#E5E5E5
   }
   .eventevent{
     width:100%;
     height:170px;
     background:#E5E5E5
   }
  .eventlabel{
    font:bold 12px/15px georgia;
    font-weight:bold;
    
  }
  .eventlabeldiv{
       position:relative;
       font:bold 13px/18px georgia;
       width:100%;
       height:100px;
       background:#9E9E9E;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-transition: background-color 0.2s linear;
       -moz-transition: background-color 0.2s linear;
   
   }
   .eventsubjectlabel{
       position:relative;
       font:bold 13px/18px georgia;
       width:100%;
       height:40px;
       margin-bottom: 5px;
       background:#9E9E9E;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-transition: background-color 0.2s linear;
       -moz-transition: background-color 0.2s linear;
   
   }
   .subjectlabel{
      font:bold 13px/18px georgia;
       
   }
   .eventsender{
    font:Arial, Helvetica, sans-serif;
    font-size:14px;
    float:right;
    padding-top:1px;
   }
   .alink{
        line-height: 28px;
    height:10;
    width:30;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: bold;
    background-color: #00a5f0;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    }
  .atext{
    float: left;
    display: block;
    margin-left:1%;
    width: 98%;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 5px;
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    }
  .atext:focus {
    border-color: #FF0000;
    outline: none;
  } 
     /*Styles for the inputbox used in the message form*/
   .inputbox{
        float: left;
        display: block;
        width: 96%;
        margin-left:2%;
        margin-right:2%;
        border: 1px solid #ddd;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-transition: border-color 0.2s linear;
        -moz-transition: border-color 0.2s linear;overflow:hidden;
        outline: none;
    }
    .inputbox:focus {
          border-color: #FF0000;
          overflow:hidden;
          outline: none;
    }
    .dateinput{
      align: left;
      width: 170px;
      margin-left:2%;
      border: 1px solid #ddd;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-transition: border-color 0.2s linear;
      -moz-transition: border-color 0.2s linear;
    
    }
    .dateinput:focus {
          border-color: #FF0000;
          overflow:hidden;
          outline: none;
    }
     /*Styles the tables that display information tables are displayed dynamically */
      
    table  {
      border:#333333;
      margin-left:2%
    }
    thead th {
        font:bold 13px/18px georgia;
        text-align:left;

        background:#24bbff;
        color:#333;
        padding:4px 8px 4px 4px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-transition: border-color 0.2s linear;
        -moz-transition: border-color 0.2s linear;
    }
    thead th.null {
      background:#fff;
    }
    tbody th {
        font:bold 12px/15px georgia;
        text-align:left;
        background:#E5E5E5;
        color:#333;
        padding:4px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-transition: border-color 0.2s linear;
        -moz-transition: border-color 0.2s linear;
    }
    tbody td {
        font:normal 12px/15px georgia;
        color:#333;
        padding:4px;
        border:#666666;
        background:#FFFFFF;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-transition: border-color 0.2s linear;
        -moz-transition: border-color 0.2s linear;
     }
       
     tbody td.on {background:#C5C5C5;}
     thead th.on {background:#00a5f0;}
     tbody th.on {background:#C8C8C8;}
   .time {
      position: absolute;
      left: 199px;
      top: 36px;
      width: 216px;
      height: 23px;
      font-family:Georgia, "Times New Roman", Times, serif;
      font-size:16px;
      color:#000000;
  }?